<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport"
        content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
  <title>预约设计师</title>
  <link rel="stylesheet" href="./css/base.css">
  <link rel="stylesheet" href="./css/order_designer.css">
</head>
<body>
  <div class="order_layout">
    <!--免费量房顶部导航-->
    <div class="topMenu">
      <div class="topMenuContainer m">
        <a href="#">
          <span class="topBack"> </span>
        </a>
        <p>预约免费量房</p>
        <a href="#">
          <span class="topMore"></span>
        </a>
      </div>
    </div>



    <!--免费量房表单-->
    <div class="calc">
      <div class="caleContent">
        <div class="caleContent_top">
          <a href="#">
            <span class="caleContent_bold">预约设计师</span>
            <span>累计 <i>2135</i> 人申请成功</span>
          </a>
        </div>

        <!--全部设计师-->
        <div class="all_designer m">
          <div class="all_designerBox">
            <div class="all_designerBoxmin">
              <ul class="all_designerList clearfix">
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_1.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_2.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_3.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_4.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_5.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_6.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_7.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_8.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_9.jpg" alt="">-->
                </li>
                <li>
                  <!--<img src="./images/designer/order_designer/orderdesigner_10.jpg" alt="">-->
                </li>
              </ul>
            </div>
          </div>
        </div>

        <div class="caleContent_bottom m ">
          <div class="bottom_container">
            <div class="caleContent_bottom m">
              <div class="calc_form">
                <input type="text" class="btn5" value="设计总监-郭芷逸">
                <input type="text" class="btn1" placeholder="请输入您的名字">
                <input type="text" class="btn2" placeholder="请输入您的手机号码">
                <input type="text" class="btn3" placeholder="请输入您的小区名称">
                <button class="btn4">立即预约</button>
                <div class="maintain">
                  <img src="./images/homepage/calc_ensure.jpg" alt="">
                  <span>我们承诺会严格保密您的信息 , 请放心填写!</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>

    <!--代表作品-->
    <div class="designer_work m">
      <div class="designer2_working">代表作品</div>
      <ul class="designer_workList clearfix">
        <li>
          <img src="./images/designer/order_working.png" alt="">
          <p>长沙开业搬到装修案例</p>
        </li>
        <li>
          <img src="./images/designer/order_working.png" alt="">
          <p>长沙开业搬到装修案例</p>
        </li>
        <li>
          <img src="./images/designer/order_working.png" alt="">
          <p>长沙开业搬到装修案例</p>
        </li>
        <li>
          <img src="./images/designer/order_working.png" alt="">
          <p>长沙开业搬到装修案例</p>
        </li>
        <li>
          <img src="./images/designer/order_working.png" alt="">
          <p>长沙开业搬到装修案例</p>
        </li>
        <li>
          <img src="./images/designer/order_working.png" alt="">
          <p>长沙开业搬到装修案例</p>
        </li>
      </ul>
      <div class="person_page">
        <span>进入个人首页</span>
      </div>
    </div>

    <!--three steps-->
    <div class="three_steps m">
      <h3>简单三步 省心装新家</h3>
      <p>精确量房 | 专业报价 | 户型规划</p>
      <ul class="three_stepsList">
        <li>
          <img src="./images/designer/order_houseimg.jpg" alt="">
          <div class="steps_listBox">
            <h4>1.精准的房屋测量</h4>
            <p>做好房屋测量才可以做到布局合理的房屋规划，施工谨慎，无差错。精准的房屋测量跟您的预算之间挂钩，测量数据的误差会导致装修预算的不准确。</p>
            <div class="person_page">
              <span>申请免费上门量房</span>
            </div>
          </div>
        </li>
        <li>
          <img src="./images/designer/typedesign.jpg" alt="">
          <div class="steps_listBox">
            <h4>2.合理的户型设计</h4>
            <p>户型设计在施工前将会对各个角落进行整体规划，给您一个所见即所得的可视化建议。合理户型设计能有效的避免施工需求的变动带来的工程返工。</p>
            <div class="person_page">
              <span>申请户型设计</span>
            </div>
          </div>
        </li>
        <li>
          <img src="./images/designer/pricelistimg.jpg" alt="">
          <div class="steps_listBox">
            <h4>3.精确的报价方案</h4>
            <p>报价方案可根据您所选的不同主材、辅材给出更精准的报价明细。报价方案可有效的避免施工增项，将装修预算误差控制在200元以内。</p>
            <div class="person_page">
              <span>申请报价方案</span>
            </div>
          </div>
        </li>
      </ul>
    </div>

    <!--see do-->
    <div class="see_do m">
      <h3>“所见即所得” 合理规划房屋布局设计</h3>
      <img src="./images/designer/see_do.jpg" alt="">
    </div>

    <!-- 底部说明 -->
    <div class="footer">
      <div class="footerTel">
        <span>官方服务电话: 400-0011-951</span>
      </div>
      <div class="footerServe">
        <div class="footerServe_city">
          <p>服务全国: 北京 | 长沙 | 武汉 | 杭州 | 益阳 | 深圳 </p>
          <p>上海 | 湘潭 | 株洲 | 常德</p>
          <p>ⓒ 2014-2017 Hunan niumowang decoration engineering co.LTD.</p>
          <p>All rights reserved. 湘ICP备16021727号-1</p>
        </div>
      </div>
    </div>

    <!--底部导航-->
    <div class="bottom_menu">
      <ul class="bottom_menuList">
        <li>
          <a href="#">
            <img src="./images/homepage/footer1.png" alt="" width="18">
            <p>返回首页</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/homepage/footer2.png" alt="" width="18">
            <p>装修报价</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/homepage/footer3.png" alt="" width="18">
            <p>免费电话</p>
          </a>
        </li>
        <li>
          <a href="#">
            <img src="./images/homepage/footer4.png" alt="" width="18">
            <img src="./images/homepage/footer_point.gif" alt="" class="footer_point" width="15">
            <p>在线客服</p>
          </a>
        </li>
      </ul>
    </div>
  </div>
</body>
<script src="./js/jquery.js"></script>
<script src="./js/order_designer.js"></script>
</html>